'use client'

import NavBar from '@/components/sample/NavBar'
import Chart from '@/components/sample/Chart'
import Info from '@/components/sample/Info'
import Recommendation from '@/components/sample/Recommendation'
import DealSnapshot from '@/components/sample/DealSnapshot'
import StrengthsWeaknesses from '@/components/sample/StrengthsWeaknesses'
import MarketOverview from '@/components/sample/MarketOverview'
import CompetitiveLandscape from '@/components/sample/CompetitiveLandscape'
import FinancialSnapshot from '@/components/sample/FinancialSnapshot'
import ContextOverview from '@/components/sample/ContextOverview'
import DiligenceFocus from '@/components/sample/DiligenceFocus'
import Footer from '@/components/sample/Footer'

export default function ReportPage() {
  return (
    <div className="relative w-full h-screen overflow-auto ">
      <NavBar />

      <div className="max-w-[1080px] mx-auto px-4 pt-[20px] pb-20">
        <Info />
        <div className="mt-[24px]"></div>
        <Recommendation />
        <div className="mt-[24px]"></div>
        <DealSnapshot />
        <div className="mt-[24px]"></div>
        <StrengthsWeaknesses />
        <div className="mt-[24px]"></div>
        <MarketOverview />
        <div className="mt-[24px]"></div>
        <CompetitiveLandscape />
        <div className="mt-[24px]"></div>
        <Chart />
        <div className="mt-[24px]"></div>
        <FinancialSnapshot />
        <div className="mt-[24px]"></div>
        <ContextOverview />
        <div className="mt-[24px]"></div>
        <DiligenceFocus />
      </div>

      <Footer />
    </div>
  )
}
